<template>
    <div>
        <ChildBack v-on:childByValue="childByValue" v-on:dianBing="postSize += 1"></ChildBack>
        <br>
        <span :style="{ fontSize: postSize + 'em'}">{{name}}</span>
    </div>
</template>

<script>
import ChildBack from '@/components/HelloChild/Children2.vue'
export default {
  data () {
    return {
      name: '',
      postSize: 1
    }
  },
  components: {
    ChildBack
  },
  methods: {
    childByValue (childByValue) {
      this.name = childByValue
    }
  }
}
</script>
